<template>
  <echarts-gradient-multi-line
    v-bind="$attrs"
    :axis-data="axis"
    :series-data="[{ data, color }]"
    style="height: 200px"
  />
</template>

<script>
import EchartsGradientMultiLine from './echarts-gradient-mutil-line.vue';
export default {
  name: 'echarts-gradient-line',
  components: { EchartsGradientMultiLine },
  props: {
    title: { type: String, default: 'gradient-line-area' },
    axis: { type: Array, default: () => [] },
    data: { type: Array, default: () => [] },
    color: {
      type: Array,
      default: () => [
        { offset: 0, color: 'rgba(255,98,17,0.6)' },
        { offset: 1, color: 'rgba(255,98,17,0)' },
      ],
    },
  },
};
</script>

<style></style>
